$(function () {
    // 封装默认数据函数
    function loadData() {
        // 发起ajax请求 获得数据渲染页面
        $.ajax({
            url: BigNew.category_list,
            success: function (backData) {
                if (backData.code = 200) {
                    let data = backData.data;
                    $('tbody').html(template('tpl-list', data));
                }
            }
        })
    }

    loadData();

    // 加载模态框，区分模态框点击事件
    $('#myModal').on('show.bs.modal', function (e) {
        // 判断点击的是哪个按钮，修改模态框数据
        if ($(e.relatedTarget).text() == '新增分类') {
            $('#exampleModalLabel').text('新增分类');
            $('.btn-change').text('新增');
        } else {
            $('#exampleModalLabel').text('编辑分类');
            $('.btn-change').text('编辑');

            // 获取编辑按钮id,存储到window全局对象中
            window.dataId = $(e.relatedTarget).attr('data-id');
            // 发起ajax请求 设置编辑按钮模态框信息
            $.ajax({
                type: 'get',
                url: BigNew.category_search,
                data: {
                    id: dataId,
                },
                success: function (backData) {
                    if (backData.code == 200) {
                        $('#systematicName').val(backData.data[0].name);
                        $('#slugText').val(backData.data[0].slug);
                    }
                }
            })
        }
    });

    // 模态框隐藏后清空编辑按钮信息
    $('#myModal').on('hidden.bs.modal', function () {
        $('#systematicName').val('');
        $('#slugText').val('');
    });

    // 设置模态框事件
    $('.btn-change').on('click', function () {
        // 获取模态框中输入框的数据
        let name = $('#systematicName').val().trim();
        let slug = $('#slugText').val().trim();
        // 判断点击的是哪个模态框
        if ($(this).text() == '新增') {
            $.ajax({
                type: 'post',
                url: BigNew.category_add,
                data: {
                    name: name,
                    slug: slug
                },
                success: function (backData) {
                    if (backData.code == 201) {
                        // 新增成功关闭模态框，刷新数据
                        $('#myModal').modal('hide');
                        loadData();
                    }
                }
            })
        } else {
            $.ajax({
                type: 'post',
                url: BigNew.category_edit,
                data: {
                    id: dataId, // 使用window中存储的dataId
                    name: name,
                    slug: slug
                },
                success: function (backData) {
                    if (backData.code == 200) {
                        // 修改成功关闭模态框，刷新数据
                        $('#myModal').modal('hide');
                        loadData();
                    }
                }
            })
        }
    });

    // 用委托事件设置删除按钮功能
    $('tbody').on('click', '.btn-del', function () {
        // 获得删除按钮id
        let delId = $(this).attr('data-id');
        // 发起ajax请求 删除数据
        $.ajax({
            type: 'post',
            url: BigNew.category_delete,
            data: {
                id: delId
            },
            success: function (backData) {
                if (backData.code == 204) {
                    $('#myModalDel').modal();
                    $('#myModalDel .modal-body p').text(backData.msg);
                    loadData();
                }
            }
        })
    })
})